<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Random</title>
  <script type="text/javascript">
    var interval;
    // 初始化
    var xmlHttp = false;
    // 定义浏览器的连接方式
    try {
      xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch(e) {
      try {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch(e2) {
        xmlHttp = false;
      }
      if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
        xmlHttp = new XMLHttpRequest(); // 创建新的XHR对象
      }
    }

    function fresh() {
      xmlHttp.open("GET", '03.ajax-random.php', true); // true是指异步请求方式
      xmlHttp.onreadystatechange = updatePage;
      xmlHttp.send(null); // 向服务器发送一个空指令
    }

    function updatePage() {
      if (xmlHttp.readyState == 4) { // 服务器接收到完整的数据
        if (xmlHttp.status == 200) { // 服务器正确响应
          document.getElementById("num").innerHTML = xmlHttp.responseText;
        } else if (xmlHttp.status == 404) {
          alert("Request URL does not exist");
        } else {
          alert("Error:status code is" + xmlHttp.status);
        }
      }
    }

    function init() {
      interval = setInterval(fresh, 1000);
    }
  </script>
</head>
<body onload="init()">
<h2>这是AJAX的第一个网页！本行语句不刷新，本页面只有下面的计时器刷新。</h2>
<h3 id="num">...</h3>
<br>
</body>
</html>